<template>
  <div>
    <b-card no-body style="max-width: 20rem; height: 100%">
      <img
        style="
          width: 100%;
          height: 300px;
          object-fit: cover;
          object-position: 50% 50%;
        "
        :src="detail.cover"
        alt=""
      />
      <template #header>
        <h4 class="mb-0">{{ detail.author }}</h4>
      </template>

      <b-card-body>
        <b-card-text class="mb-2">特长: {{ detail.more }}</b-card-text>
        <b-card-text>
          资历:
          {{ detail.content }}
        </b-card-text>
      </b-card-body>
    </b-card>
  </div>
</template>

<script>
export default {
  props: ['detail'],
}
</script>

<style lang="scss" scoped></style>
